<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人认证</title>
    <link rel="icon" type="images/x-icon" href="img/icons/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/careerAuthentication.css">
</head>
<body>
<!--头部 开始-->
<div class="SY-header pf">
    <div class="clearfix">
        <div class="SY-logo fl usn">
            <a href="UserCenter.html"><img src="img/icons/logo.png" alt="深夜学院"><span class="slogin">深夜研习社</span></a>
        </div>
        <div class="SY-search pa dib">
            <div class="inputField">
                <input type="text" class="SY-input tac" placeholder="请输入作者名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入作者名'">
                <a href="javascript:void(0);" class="search-icon pa"><i class="fa fa-search"></i></a>
            </div>
            <div class="searchTips pa dn">
                <div class="searchReferral dn">
                    <div class="searchRecent">
                        <p class="title">最近搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                    <div class="searchHot">
                        <p class="title">热门搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);">大石头CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                </div>
                <div class="searchResult">
                    <ul class="d n">
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>123</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>designer</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>icon</a></li>
                        <li class="worker title">创作者</li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老师</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老板</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>boss</a></li>
                    </ul>
                    <div class="checkMore tac d n">
                        <a href="javascript:void(0);">查看全部搜索结果<i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <!--缺省提示-->
                    <div class="emptyInfo tac dn">
                        <p class="tips">暂未找到您想要查找的作,去<a href="MoreWorker.html">分类</a>查找更多作者吧!</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="SY-topRight fr">
            <ul class="clearfix">
                <li class="SY-create fr">
                    <a href="Post.html"><span>创作</span></a>
                </li>
                <li class="SY-userPic fr">
                    <a href="UserCenter.html">
                        <img class="br50" src="img/icons/person.png" alt="userPic">
                        <object><a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a></object>
                    </a>
                    <div class="pa tac fold">
                        <span class="pa trigon"></span>
                        <ul>
                            <li class="myPage"><a href="UserPageNew.html">我的研习社</a></li>
                            <li class="myPage"><a href="http://www.shenyecg.com" target="_blank">深夜学院</a></li>
                            <li class="authentication"><a href="CareerAuthen.html">深夜认证</a></li>
                            <li class="wallet"><a href="MyWallet.html">钱包</a></li>
                            <li class="setting"><a href="UserSetting.html">设置</a></li>
                            <li class="SY-exit">
                                <a href="javascript:void(0);"><i></i>退出</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="SY-regLog fr dn">
                    <a href="javascript:void(0);">注册</a>
                    <a href="javascript:void(0);">登录</a>
                </li>
                <li class="SY-notify fr">
                    <a href="Notify.html"><i></i><span class="num pa">99+</span></a>
                    <div class="pa fold">
                        <span class="pa trigon"></span>
                        <p class="topBox clearfix">
                            <span class="text fl">消息盒子</span>
                            <a href="javascript:void(0);" class="emptyBtn fr">清空</a>
                        </p>
                        <ul class="">
                            <li><a href="javascript:void(0);">[系统]管理员审核通过了你发表的原创作品《路人甲》</a></li>
                            <li><a href="javascript:void(0);">[私信]路人甲给你发来了1条私信</a></li>
                            <li><a href="javascript:void(0);">[通知]路人甲关注了你</a></li>
                        </ul>
                        <!--缺省提示-->
                        <div class="emptyInfo tac dn">
                            <p class="tips">暂无消息</p>
                        </div>
                        <div class="checkAll">
                            <a class="db tac" href="Notify.html">查看全部&nbsp;>></a>
                        </div>
                    </div>
                </li>
                <li class="fr line"></li>
                <li class="SY-focus dn fr">
                    <a href="UserCenter.html"><i></i><span>关注</span></a>
                </li>
                <li class="SY-Recruit fr">
                    <a href="Recruit.html"><i></i><span>招聘</span></a>
                    <span class="event db pa new"></span>
                </li>
                <li class="SY-piazza fr">
                    <a href="SquareNew.html"><i></i><span>广场</span></a>
                </li>
                <li class="SY-CG fr dn">
                    <a href="http://www.shenyecg.com" target="_blank"><i></i><span>学院</span></a>
                </li>
                <li class="SY-index fr dn">
                    <a href="Index.html"><i></i><span>首页</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部 结束-->
<!--主内容 开始-->
<div class="SY-content pr">
    <div class="SY-setContent">
        <div class="SY-wrap">
            <div class="SY-careerAuthentication">
                <div class="perconalAuthenBox wrap">
                    <div class="childItem">
                        <div class="authenProgress tac">
                            <ul class="progress clearfix dib">
                                <li class="fl pr active">
                                    <span class="step br50 db">1</span>
                                    <span class="info db">选择认证类型</span>
                                </li>
                                <li class="fl pr active">
                                    <span class="step br50 db">2</span>
                                    <span class="info db">填写认证资料</span>
                                </li>
                                <li class="fl pr">
                                    <span class="step br50 db">3</span>
                                    <span class="info db">等待审核</span>
                                </li>
                                <li class="fl pr fail">
                                    <span class="step br50 db">4</span>
                                    <span class="info db">已认证</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="userAuthentication">
                        <!--填写认证资料-->
                        <div class="writeAuthenFile d n">
                            <p class="title tac">个人认证</p>
                            <div class="sy-userName">
                                <div class="showTxt dib">
                                    <span>*</span>深夜用户名：
                                </div>
                                <div class="inputBox dib">
                                    <div class="dib pr">
                                        <input type="text" class="textFile dib">
                                        <span class="counter">16</span>
                                    </div>
                                    <span class="tips dib warning">
                                        <i class="tipsIcon dib"></i>
                                        <span class="tipsInfo">必填项</span>
                                    </span>
                                    <p class="warnText">通过认证的账号不能修改用户名，请谨慎填写</p>
                                </div>
                            </div>
                            <div class="sy-company">
                                <div class="showTxt dib">
                                    <span>*</span>公司/组织名称：
                                </div>
                                <div class="inputBox dib">
                                    <div class="dib pr">
                                        <input type="text" class="textFile dib" placeholder="请输入公司/组织名称" onfocus="this.placeholder=''" onblur="this.placeholder='请输入公司/组织名称'">
                                        <span class="counter">30</span>
                                    </div>
                                    <span class="tips dib warning">
                                        <i class="tipsIcon dib"></i>
                                        <span class="tipsInfo">必填项</span>
                                    </span>
                                    <p class="tipText">公司名称可填写简称</p>
                                </div>
                            </div>
                            <div class="sy-trueName">
                                <div class="showTxt dib">
                                    <span>*</span>姓名：
                                </div>
                                <div class="inputBox dib">
                                    <div class="dib pr">
                                        <input type="text" class="textFile dib" maxlength="4" placeholder="请输入真实姓名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入真实姓名'">
                                        <span class="counter">4</span>
                                    </div>
                                    <span class="tips dib warning">
                                        <i class="tipsIcon dib"></i>
                                        <span class="tipsInfo">必填项</span>
                                    </span>
                                </div>
                            </div>
                            <div class="sy-IdNumber">
                                <div class="showTxt dib">
                                    <span>*</span>身份证号：
                                </div>
                                <div class="inputBox dib">
                                    <div class="dib pr">
                                        <input type="text" class="textFile dib" placeholder="请输入身份证号" onfocus="this.placeholder=''" onblur="this.placeholder='请输入身份证号'">
                                        <span class="counter">19</span>
                                    </div>
                                    <span class="tips dib warning">
                                        <i class="tipsIcon dib"></i>
                                        <span class="tipsInfo">必填项</span>
                                    </span>
                                </div>
                            </div>
                            <div class="sy-position">
                                <div class="showTxt dib">
                                    <span>*</span>认证职位/称号：
                                </div>
                                <div class="inputBox dib">
                                    <div class="dib pr">
                                        <input type="text" class="textFile dib" placeholder="请输入认证职位/称号" onfocus="this.placeholder=''" onblur="this.placeholder='请输入认证职位/称号'">
                                        <span class="counter">20</span>
                                    </div>
                                    <span class="tips dib warning">
                                        <i class="tipsIcon dib"></i>
                                        <span class="tipsInfo">必填项</span>
                                    </span>
                                    <p class="tipText">示例：运营专员</p>
                                </div>
                            </div>
                            <div class="sy-authenPeople">
                                <div class="showTxt dib">
                                    <span>*</span>证明人：
                                </div>
                                <div class="inputBox dib">
                                    <div class="dib pr">
                                        <input type="text" class="textFile dib" placeholder="请输入证明人的名称" onfocus="this.placeholder=''" onblur="this.placeholder='请输入证明人的名称'">
                                        <span class="counter">4</span>
                                    </div>
                                    <span class="tips dib warning">
                                        <i class="tipsIcon dib"></i>
                                        <span class="tipsInfo">必填项</span>
                                    </span>
                                </div>
                            </div>
                            <div class="sy-preScan">
                                <div class="showTxt dib">认证预览：</div>
                                <div class="inputBox dib clearfix">
                                    <div class="userMsg tac fl">
                                        <div class="avatar pr">
                                            <img class="br50" src="https://cdnb.artstation.com/p/assets/images/images/012/191/689/smaller_square/la-p-falls.jpg?1533540149" alt="">
                                            <span class="mark pa db"></span>
                                        </div>
                                        <p class="nickName toe">这是该用户的昵称</p>
                                        <p class="msg">
                                            <span>两点十分&nbsp;产品经理&nbsp;你的名字&nbsp;</span>
                                        </p>
                                    </div>
                                    <div class="checkItems fl">
                                        <p class="item">
                                            <label>
                                                <input type="checkbox">
                                                显示单位/组织名称
                                            </label>
                                        </p>
                                        <p class="item">
                                            <label>
                                                <input type="checkbox">
                                                显示职位/称号
                                            </label>
                                        </p>
                                        <p class="item">
                                            <label>
                                                <input type="checkbox">
                                                显示真实姓名
                                            </label>
                                        </p>
                                        <span class="tips dib warning">
                                            <i class="tipsIcon dib"></i>
                                            <span class="tipsInfo">证明说明不能超过30个字</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="sy-uploadIdCardPic">
                                <div class="showTxt dib">证明材料：</div>
                                <div class="inputBox dib">
                                    <p class="dib">请依次上传<span>本人手持身份证照片</span>以及<span>身份证正面照片、员工入职合同</span></p>
                                    <span class="tips dib warning">
                                        <i class="tipsIcon dib"></i>
                                        <span class="tipsInfo">必填项</span>
                                    </span>
                                    <div class="identifyBox tac clearfix">
                                        <div class="item fl num1">
                                            <!--未上传-->
                                            <div class="unUpload pr">
                                                <div class="defaultPic">
                                                    <p class="pic"></p>
                                                </div>
                                                <div class="textBox">
                                                    <p class="text">上传手持身份证信息面</p>
                                                    <p class="text">请确保姓名、身份证号码清晰</p>
                                                </div>
                                                <div class="uploadBtn transition pa">
                                                    <a class="db" href="javascript:void(0);">
                                                        <span class="icon dib"></span>
                                                        <span class="db">请上传材料</span>
                                                        <input type="file" class="pa">
                                                    </a>
                                                </div>
                                            </div>
                                            <!--已上传-->
                                            <div class="uploaded pr dn">
                                                <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/176/032/smaller_square/red-hong-20180727.jpg?1533449100')"></div>
                                                <div class="delBox transition pa">
                                                    <a class="delBtn db pa" href="javascript:void(0);"></a>
                                                </div>
                                            </div>
                                            <!--loading-->
                                            <div class="loading tac dn">
                                                <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                                            </div>
                                        </div>
                                        <div class="item fl num2">
                                            <!--未上传-->
                                            <div class="unUpload pr">
                                                <div class="defaultPic">
                                                    <p class="pic"></p>
                                                </div>
                                                <div class="textBox">
                                                    <p class="text">上传身份证正面</p>
                                                    <p class="text">请确保信息清晰</p>
                                                </div>
                                                <div class="uploadBtn transition pa">
                                                    <a class="db" href="javascript:void(0);">
                                                        <span class="icon dib"></span>
                                                        <span class="db">请上传材料</span>
                                                        <input type="file" class="pa">
                                                    </a>
                                                </div>
                                            </div>
                                            <!--已上传-->
                                            <div class="uploaded pr dn">
                                                <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/120/762/smaller_square/i-sist-2.jpg?1533137586')"></div>
                                                <div class="delBox transition pa">
                                                    <a class="delBtn db pa" href="javascript:void(0);"></a>
                                                </div>
                                            </div>
                                            <!--loading-->
                                            <div class="loading tac dn">
                                                <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                                            </div>
                                        </div>
                                        <div class="item fl num3">
                                            <!--未上传-->
                                            <div class="unUpload pr">
                                                <div class="defaultPic">
                                                    <p class="pic"></p>
                                                </div>
                                                <div class="textBox">
                                                    <p class="text">上传员工入职合同信息面</p>
                                                    <p class="text">请确保信息清晰</p>
                                                </div>
                                                <div class="uploadBtn transition pa">
                                                    <a class="db" href="javascript:void(0);">
                                                        <span class="icon dib"></span>
                                                        <span class="db">请上传材料</span>
                                                        <input type="file" class="pa">
                                                    </a>
                                                </div>
                                            </div>
                                            <!--已上传-->
                                            <div class="uploaded pr dn">
                                                <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/102/050/20180731104220/smaller_square/juhani-jokinen-cliffs-of-ereth-agoir-web2.jpg?1533051740')"></div>
                                                <div class="delBox transition pa">
                                                    <a class="delBtn db pa" href="javascript:void(0);"></a>
                                                </div>
                                            </div>
                                            <!--loading-->
                                            <div class="loading tac dn">
                                                <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="sy-btns">
                                <a class="nextStepBtn transition dib" href="javascript:void(0);">下一步</a>
                                <a class="prevStepBtn transition dib" href="javascript:void(0);">上一步</a>
                            </div>
                        </div>
                        <!--等待审核-->
                        <div class="waitAuditing dn">
                            <p class="title tac">提交成功，等待审核</p>
                            <div class="sy-waitAuthen">
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证信息</div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">深夜用户名：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">该用户的用户名</p>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证公司/组织名称：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">武汉深夜数字艺术传播有限公司</p>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证姓名：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">你的名字</p>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">身份证号：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">12345678910111213</p>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证职位/称号：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">程序猿/攻城狮</p>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证材料：</div>
                                    <div class="inputBox dib">
                                        <div class="identifyBox dib tac clearfix">
                                            <div class="item fl num1">
                                                <div class="unUpload pr">
                                                    <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/176/032/smaller_square/red-hong-20180727.jpg?1533449100')"></div>
                                                    <div class="uploadBtn transition pa">
                                                        <a class="db" href="javascript:void(0);">
                                                            <span class="db">查看原图</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item fl num2">
                                                <div class="unUpload pr">
                                                    <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/120/762/smaller_square/i-sist-2.jpg?1533137586')"></div>
                                                    <div class="uploadBtn transition pa">
                                                        <a class="db" href="javascript:void(0);">
                                                            <span class="db">查看原图</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item fl num3">
                                                <div class="unUpload pr">
                                                    <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/120/762/smaller_square/i-sist-2.jpg?1533137586')"></div>
                                                    <div class="uploadBtn transition pa">
                                                        <a class="db" href="javascript:void(0);">
                                                            <span class="db">查看原图</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">证明人：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">证明人的名字</p>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <p class="notice">深夜会在1-3个工作日内对您提交的信息进行审核，审核结果会以短信的方式通知您，请注意查收。</p>
                                </div>
                            </div>
                        </div>
                        <!--已认证-->
                        <div class="auditingFinish dn">
                            <p class="title tac">认证成功</p>
                            <div class="sy-authenSuccess">
                                <div class="authenMsg">
                                    <div class="showTxt dib">深夜用户名：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">该用户的用户名</p>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证公司/组织名称：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">武汉深夜数字艺术传播有限公司</p>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证姓名：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">你的名字</p>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">身份证号：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">12345678910111213</p>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证职位/称号：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">程序猿/攻城狮</p>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">证明人：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">证明人的名字</p>
                                    </div>
                                </div>
                            </div>
                            <div class="sy-preScan">
                                <div class="showTxt dib">认证预览：</div>
                                <div class="inputBox dib clearfix">
                                    <div class="userMsg tac fl">
                                        <div class="avatar pr">
                                            <img class="br50" src="https://cdnb.artstation.com/p/assets/images/images/012/191/689/smaller_square/la-p-falls.jpg?1533540149" alt="">
                                            <span class="mark pa db"></span>
                                        </div>
                                        <p class="nickName toe">这是该用户的昵称</p>
                                        <p class="msg">
                                            <span>两点十分&nbsp;产品经理&nbsp;你的名字&nbsp;</span>
                                        </p>
                                    </div>
                                    <div class="checkItems fl">
                                        <p class="item">
                                            <label>
                                                <input type="checkbox">
                                                显示单位/组织名称
                                            </label>
                                        </p>
                                        <p class="item">
                                            <label>
                                                <input type="checkbox">
                                                显示职位/称号
                                            </label>
                                        </p>
                                        <p class="item">
                                            <label>
                                                <input type="checkbox">
                                                显示真实姓名
                                            </label>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="sy-uploadIdCardPic">
                                <div class="showTxt dib">证明材料：</div>
                                <div class="inputBox dib">
                                    <p class="dib">请依次上传<span>本人手持身份证照片</span>以及<span>身份证正面照片、员工入职合同</span></p>
                                    <div class="identifyBox tac clearfix">
                                        <div class="item fl num1">
                                            <div class="unUpload pr">
                                                <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/176/032/smaller_square/red-hong-20180727.jpg?1533449100')"></div>
                                                <div class="uploadBtn transition pa">
                                                    <a class="db" href="javascript:void(0);">
                                                        <span class="db">查看原图</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item fl num2">
                                            <div class="unUpload pr">
                                                <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/120/762/smaller_square/i-sist-2.jpg?1533137586')"></div>
                                                <div class="uploadBtn transition pa">
                                                    <a class="db" href="javascript:void(0);">
                                                        <span class="db">查看原图</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item fl num3">
                                            <div class="unUpload pr">
                                                <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/120/762/smaller_square/i-sist-2.jpg?1533137586')"></div>
                                                <div class="uploadBtn transition pa">
                                                    <a class="db" href="javascript:void(0);">
                                                        <span class="db">查看原图</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="btns tac">
                                        <a class="reAuthenBtn transition dib" href="javascript:void(0);">重新认证</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--认证失败-->
                        <div class="auditingFail dn">
                            <p class="title tac">审核失败</p>
                            <div class="sy-authenFail">
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证信息</div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">深夜用户名：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">你的名字</p>
                                        <span class="tips dib success">
                                            <i class="tipsIcon dib"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证公司/组织名称：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">武汉深夜数字艺术传播有限公司</p>
                                        <span class="tips dib success">
                                            <i class="tipsIcon dib"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证姓名：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">你的名字</p>
                                        <span class="tips dib warning">
                                            <i class="tipsIcon dib"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">身份证号：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">12345678910111213</p>
                                        <span class="tips dib success">
                                            <i class="tipsIcon dib"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证职位/称号：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">程序猿/攻城狮</p>
                                        <span class="tips dib success">
                                            <i class="tipsIcon dib"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证人：</div>
                                    <div class="inputBox dib">
                                        <p class="text dib">证明人的姓名</p>
                                        <span class="tips dib success">
                                            <i class="tipsIcon dib"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <div class="showTxt dib">认证材料：</div>
                                    <div class="inputBox dib">
                                        <div class="identifyBox dib tac clearfix">
                                            <div class="item fl num1">
                                                <div class="unUpload pr">
                                                    <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/176/032/smaller_square/red-hong-20180727.jpg?1533449100')"></div>
                                                    <div class="uploadBtn transition pa">
                                                        <a class="db" href="javascript:void(0);">
                                                            <span class="db">查看原图</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item fl num2">
                                                <div class="unUpload pr">
                                                    <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/120/762/smaller_square/i-sist-2.jpg?1533137586')"></div>
                                                    <div class="uploadBtn transition pa">
                                                        <a class="db" href="javascript:void(0);">
                                                            <span class="db">查看原图</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item fl num3">
                                                <div class="unUpload pr">
                                                    <div class="userPic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/120/762/smaller_square/i-sist-2.jpg?1533137586')"></div>
                                                    <div class="uploadBtn transition pa">
                                                        <a class="db" href="javascript:void(0);">
                                                            <span class="db">查看原图</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <span class="tips dib success">
                                            <i class="tipsIcon dib"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="authenMsg">
                                    <p class="notice">失败原因：上传的资料不合格，请重新上传。</p>
                                </div>
                                <div class="authenMsg">
                                    <div class="btns tac">
                                        <a class="reAuthenBtn transition dib" href="javascript:void(0);">重新认证</a>
                                        <a class="cancelBtn" href="javascript:void(0);">取消认证>></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--主内容 结束-->
<!--页脚 开始-->
<div class="SY-footer">
    <div class="SY-foot clearfix">
        <div class="aboutUs fl">
            <div class="logoBox">
                <img src="img/icons/bottomLogo.png" alt="">
                <p class="dib slogin">深夜研习社</p>
                <span class="line dib"></span>
                <p class="dib text">知识应该受到尊重</p>
            </div>
            <div class="connectUs">
                <p class="text dib">联系我们:<span class="phoneNumer dib">027-62438159</span></p>
                <a href="javascript:void(0);" class="tencent linkIcon"></a>
            </div>
        </div>
        <div class="msgDetail fr clearfix">
            <ul class="iconList fr">
                <li class="pr">
                    <span class="wechat linkIcon"></span>
                    <div class="weChatCode tac pa">
                        <i class="icon-arrow-down pa"></i>
                        <p class="scan">扫描二维码</p>
                        <p class="text">关注微信公众号</p>
                        <img src="img/icons/WeChatCode.jpg" alt="">
                    </div>
                </li>
                <li><a href="javascript:void(0);" class="sina linkIcon"></a></li>
            </ul>
            <dl class="fr">
                <dt><a href="HelpCenter.html">关于我们</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">服务条款</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">版权申明</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">常见问题</a></dt>
            </dl>
            <p class="recordNumber"><a href="javascript:void(0);">Copyright&copy; www.shenyecg.com 2017 | 鄂ICP备16021987号-1</a></p>
        </div>
    </div>
</div>
<!--页脚 结束-->
<script src="js/jquery.min.js"></script>
<script src="js/search.js"></script>
<script>
    $(function () {
        //input框获取 & 失去光标
        $(".userAuthentication .textFile").focus(function () {
            $(this).css({"background":"rgba(255,255,255,0)","borderColor":"#00a4e9"});
        });
        $(".userAuthentication .textFile").blur(function () {
            $(this).css({"background":"#f9f9f9","borderColor":"#ddd"});
        })
    })
</script>
</body>
</html>